html
    background-image url('https://sheng-images.oss-cn-beijing.aliyuncs.com/png3.png')
    background-size cover

body
.top-title-old-editor
    background-color transparent

.sidebar
.list
.file-detail
.detail-container
.detail-container .detail
.sidebar .file-tree-toggle
.file-detail .hd .hd-btn
    background transparent

// 菜单毛玻璃
.widget-menu
    background rgba(0, 0, 0, .1)
    border .5px solid rgba(255, 255, 255, .15)
    box-shadow 0 0 8px 0 rgba(0, 0, 0, .5)
    backdrop-filter blur(2px)

    //.widget-menu




.file-tree .tree-title,
.file-tree .tree-title.root-title,
.sidebar .sidebar-item,
.sidebar .hd .create .create-text,
.sidebar .hd .upload .create-text,
.sidebar .hd .create .upload-text,
.sidebar .hd .upload .upload-text,
.list-li .file-name,
.list .item-num
    color rgba(171, 178, 191, 0.65)


/* 边框 */
.list-li
.sidebar
.list .item-num
.file-detail .hd
.sidebar .hd
.list .list-hd .input-search
.list .list-hd
.sidebar .file-tree-toggle
.list .item-num
.list
    border-color rgba(255, 255, 255, .15)
    border-width .5px

// div 模拟的边框
.widget-menu-item.split-line
    height .5px
    background rgba(255, 255, 255, .15)

.list-li.selected
.list .list-bd .list-li:hover:not(.selected)
.file-tree .tree-title:hover
.file-tree .tree-title:active
.file-tree .tree-title.hover
.file-tree .tree-title.selected
.sidebar .sidebar-item.selected
.sidebar .sidebar-item:hover
.sidebar .sidebar-item:active
.sidebar .sidebar-item.hover
    background rgba(0, 0, 0, .3)

.widget-menu-item:hover
    background rgba(0, 0, 0, .5)

.top-title
.top-title-old-editor
    color #abb2bf


.file-tree .tree-title.selected
    border-color transparent


.list-li.selected .file-name
    color #fff

// 最上方的标题栏
.top-banner
    background-color: rgba(0, 0, 0, .3)


.sidebar .hd
    box-shadow none


div.mermaid
    filter invert(100%)


.sidebar .sidebar-item.selected
    border-color transparent

